<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div></div>
    <script>
        // 1.第一登录页面，里面有提交表单，action提交到index.html页面
        // 2.第二登录页面，可以使用第一页面的参数，这样就实现了一个数据不同页面之间的传递效果
        // 3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search参数
        // 4.在第二个页面中将参数提取
        // 5.第一步去掉 ？利用substr
        // 6.第二步利用 = 号分割键和值 split('=')
        console.log(location.search); // ?uname=andy
        // 1.先去掉 ？  substr('起始位置',截取几个字符)
        var params = location.search.substr(1); //uname=andy
        console.log(params);
        // 2.利用 = 把字符串分割为数组 split('=')
        var arr = params.split('=');
        console.log(arr);
        var div = document.querySelector('div');
        div.innerHTML = arr[1] + '欢迎您';
    </script>

</body>

</html>